<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		 <script src="../../js/vue.min.js"></script>
	</head>
	<body>

		<style>
		    .red88{
		      color: red;
		    }
		    .blue88{
		      background: blue;
		    }
			.yellow88{
			  color: yellow;
			}
		  </style>

		<!--使用v-bind:style(即:style)可以给元素绑定内联样式。
方法与:class类似，也有对象语法和数组语法，看起来很像直接在元素上写CSS：-->

	 <div id="app">
	       <div :style="{ 'color':color, 'fontSize':fontSize+'px' }">文本</div>
	   </div>
	   
	   <script>
	       var app = new Vue({
	           el: "#app",
	           data: {
	               color: "red",
	              fontSize: 14
	          }
	      });
	  </script>
		
		
		
		
</html>
